﻿@{
  Layout = "~/Views/Shared/_LayoutBoot.cshtml";
}
<script>
  vue_Data.isCollapse=false;
  vue_Data.PageTitle="详情页面";
  vue_Data.goBack=function(){
    document.location="/Default/Index";
    //window.href="/Defaut/Index";
  };
  function Change_Aside_Collapse(elem)
  {
    vue_Data.isCollapse=! vue_Data.isCollapse;
    if(vue_Data.isCollapse)
      $(elem).find("i").removeClass("el-icon-s-fold").addClass("el-icon-s-unfold");
    else
      $(elem).find("i").removeClass("el-icon-s-unfold").addClass("el-icon-s-fold");
  }
</script>
<el-container style="min-height:100vh;">
    <el-header>
        <div class="float-left">
          <span onclick="Change_Aside_Collapse(this)">
            <i class="el-icon-s-fold"></i>
          </span>
            <label class="h4"> {{title}}</label>
            <label class="h5"> {{version}}</label>
        </div>
       
        <div class="float-right">
          <el-dropdown trigger="click">
              <span class="el-dropdown-link">
                  用户<i class="el-icon-arrow-down el-icon--right"></i>
              </span>
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item icon="el-icon-plus">黄金糕</el-dropdown-item>
                <el-dropdown-item icon="el-icon-circle-plus">狮子头</el-dropdown-item>
                <el-dropdown-item icon="el-icon-circle-plus-outline">螺蛳粉</el-dropdown-item>
                <el-dropdown-item icon="el-icon-check">双皮奶</el-dropdown-item>
                <el-dropdown-item icon="el-icon-circle-check">蚵仔煎</el-dropdown-item>
              </el-dropdown-menu>
          </el-dropdown>
        </div>
         <div class="float-right" style="padding:10px;">
          <el-avatar icon="el-icon-user-solid" :size="40"></el-avatar>
        </div>
        <div class="float-right">
          <el-badge :value="1" :max="99" style="line-height:20px;">
            <el-button size="small">评论</el-button>
          </el-badge>
        </div>
    </el-header>
    <el-container style="margin:3px;">
        <el-aside width="auto">
            <el-menu  :collapse="isCollapse" class="el-menu-vertical-demo">
                <el-menu-item index="1">
                      <a href="/Default/Index"><i class="el-icon-s-home"></i>首页</a>
                      </el-menu-item>
                 <el-submenu index="2">
                  <template slot="title">
                    <i class="el-icon-location"></i>
                    <span slot="title">导航一</span>
                  </template>
                  <el-menu-item-group>
                    <span slot="title">分组一</span>
                    <el-menu-item index="2-1">选项1</el-menu-item>
                    <el-menu-item index="2-2">选项2</el-menu-item>
                  </el-menu-item-group>
                  <el-menu-item-group title="分组2">
                    <el-menu-item index="2-3">选项3</el-menu-item>
                  </el-menu-item-group>
                  <el-submenu index="2-4">
                    <span slot="title">选项4</span>
                    <el-menu-item index="2-4-1">选项1</el-menu-item>
                  </el-submenu>
                </el-submenu>
                <el-menu-item index="3">
                  <i class="el-icon-menu"></i>
                  <span slot="title">导航二</span>
                </el-menu-item>
                <el-menu-item index="4" disabled>
                  <i class="el-icon-document"></i>
                  <span slot="title">导航三</span>
                </el-menu-item>
                <el-menu-item index="5">
                  <i class="el-icon-setting"></i>
                  <span slot="title">导航四</span>
                </el-menu-item>
                 <el-menu-item index="6">
                      <a href="/Default/Login"><i class="el-icon-s-custom"></i>登录</a>
                </el-menu-item>
              </el-menu>
        </el-aside>
        <el-main>
          <el-page-header @@back="goBack" :content="PageTitle"></el-page-header>
          <div style="padding:10px;">
            @RenderBody()
            </div>
        </el-main>
    </el-container>
    <el-footer>
        底部
    </el-footer>
</el-container>

